<section class="section container" id="help">
    <div class="grid">
        <div class="column-8">
            <h2>Help</h2>
            <p>
                Need help? First, please be sure to look at our list of <a href="#faq">frequently asked questions</a> below.
            </p>
            <p>
                If you don't find an answer there, try our <a href="https://knightlab.zendesk.com/hc/en-us/sections/202556646-StoryMapJS">support forums</a> or use our <a href="https://knightlab.zendesk.com/anonymous_requests/new">tech support web form.</a> <strong>Please be clear</strong> with your question, <strong>include a link to your spreadsheet</strong>, and if appropriate, a link to a page which shows the issue with which you need help. <strong>We can only answer support questions in English.</strong> We try to be prompt, but please understand that we do not have a dedicated tech support staff.
            </p>
            <p class="note">
                <strong>Find a bug?</strong> If you are confident you have found a bug, please report it as <a href="https://github.com/NUKnightLab/StoryMapJS/issues">a GitHub issue</a>. Be sure to include detailed instructions on how to reproduce the bug. If you're not sure, please start with <a href="https://knightlab.zendesk.com/anonymous_requests/new">the tech support system</a>.
            </p>
        </div>
        <div class="column-4">
            <h3>Technical documentation</h3>
            <p>Go further with StoryMap:</p>
            <ul>
                    <li><a href="/advanced/">Managing StoryMapJS data</a></li>
                    <li><a href="/advanced/">Setting up your page</a></li>
                    <li><a href="/advanced/#json-syntax">JSON syntax</a></li>
                    <li><a href="/gigapixel/">StoryMap for Images</a></li>
            </ul>
        </div>
    </div>
    <div class="grid" id="faq">
        <div class="grid-item">
            <h3>Frequently asked questions</h3>
            <ul class="accordion">
            {% for faq in faqs %}
            {#
                Add/edit faqs in the faqs.json file.
                Depends upon inject_index_data in app.py for these to be available to render.
            #}
                <li>
                    <input type="checkbox" checked>
                    <i></i>
                    <h3 id="{{ faq.slug }}">{{ faq.question }}</h3>
                    <div class="accordion-content">
                        {{ faq.answer|safe }}
                    </div>
                </li>
            {% endfor %}
            </ul>
        </div>
    </div>
</section>

<section class="section container" id="privacy">
    <div class="grid">
        <div class="column-12">
            <h2>Privacy Policy</h2>
            <p>The StoryMapJS editor uses your Google account to make sure that only you can edit your storymaps. This saves you from needing to remember another password, and saves us from having to help you if you forget it. We only ask for your "profile," which gives us a unique identifier which we can use to connect you to your projects. We don't have your name or G-mail address.</p>
            <p>Originally, the StoryMapJS editor stored your projects on your Google Drive, but that is no longer the case. We used to ask for access to your Google Drive. If you made storymaps a very long time ago and have not used the tool since, we may need to ask you to give us permission to read from your Google Drive to "migrate" your old projects.</p>
            <p>Please note that it is possible to use StoryMapJS without a Google account; however, it is not possible to use our editor tool. If you prefer not to use a Google account, you will need to manually edit a configuration file and you will need to serve your configuration file and any related media assets from your own server. Some more information about this can be found on our <a href="/advanced/">StoryMap for Technical Users</a> page.</p>
        </div>
      </div>
  </section>
